<template>
	<div class="footer">
		<div class="cw">
			<div class="footer-about">
				<ul class="clearfix">
					<li class="footer-list fl">
						<i class="fa fa-exclamation-circle fa-4x"></i>
						<div class="fl">
							<strong class="tit">售后服务</strong>
							<span class="desc">24小时售后服务</span>
						</div>
					</li>
					<li class="footer-list fl">
						<i class="fa fa-globe fa-4x"></i>
						<div class="fl">
							<strong class="tit">快递保障</strong>
							<span class="desc">与全国物流连锁</span>
						</div>
					</li>
					<li class="footer-list fl">
						<i class="fa fa-check-circle fa-4x"></i>
						<div class="fl">
							<strong class="tit">100%正品</strong>
							<span class="desc">正品保障 假一赔十</span>
						</div>
					</li>
					<li class="footer-list fl">
						<i class="fa fa-question-circle fa-4x"></i>
						<div class="fl">
							<strong class="tit">咨询服务</strong>
							<span class="desc">确保消费者权益</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="about-nest">
			<a href="" title="About NetEase">About NetEase</a> - <a href="" target="_blank" title="公司简介">公司简介</a> - <a href="" target="_blank" title="联系方法">联系方法</a> - <a href="" target="_blank" title="友情链接">友情链接</a> - <a href="" target="_blank" title="招聘信息">招聘信息</a> - <a href="" target="_blank" title="客户服务">客户服务</a> - <a href="" target="_blank" title="隐私政策">隐私政策</a> - <a href="" target="_blank" title="网络营销">网络营销</a> - <a href="" target="_blank" title="网站地图">网站地图</a> - <a href="" target="_blank" title="融医科技">融医科技</a>
			<br>
			<span class="m-license">网络文化经营许可证：鄂网文[2016]0155-015号</span>
			<span class="m-license">增值电信业务经营许可证：鄂A2-20170183-3</span>
			<span class="m-license">出版物经营许可证：新出发鄂经零字第00136号</span>
			<span class="m-license"><a href="" target="_blank" title="自营经营者信息">自营经营者信息</a></span>
			<br>
			<a target="_blank" href="">
			<img src="">
			</a>
			<a target="_blank" href="">
			<span style="margin: 0px 0px 0px 5px;">鄂公网安备 43010002000016号</span>
			</a>
			<span class="m-license">xx公司版权所有©1997-2017</span>
			<div class="f-tac"><span><a href="" target="_blank" kx_type="图标式" style="display:inline-block;"><img src="//haitao.nos.netease.com/d720d83b55a04b6f932ea845c673c5bf.png" alt="可信网站"></a></span><a class="u-shield" href="" target="_blank"><img src="//haitao.nos.netease.com/a1c44d335d4c4abd9b3db5977f4d6bd9.gif" alt="工商营业执照网上标识"></a></div>
			</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.footer{
		margin-top:20px;
		padding-top:20px;
		border-top:1px solid lightgrey;
	}
	.footer-list{
		width:280px;
		margin:0 10px;
	}
	.footer-list i,.footer-list div{
		float: left;
		margin:0 10px;
	}
	.tit,.desc{
		margin-top:5px;
		display: block;
		font-size: 16px;
		line-height:20px;
	}
	.about-nest{
		margin-top:50px;
		padding:20px 0;
		padding-bottom: 0;
		border-top:1px solid grey;
		height:150px;
		background: black;
		text-align: center;
		color:white;
	}
	.about-nest a{
		color:white;
	}
	.about-nest a:hover{
		color:orangered;
	}
</style>